<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>发货端-盔甲</title>
    <link rel="stylesheet" href="../assets/css/style.css">
</head>

<body>
    <!-- 登录页面 -->
    <div class="login-screen modal-in">
        <div class="view">
            <div class="page">
                <div class="page-content login-view">
                    <div id="loginFormBox" class="login-form-panel">
                        <form id="loginForm">
                            <div m-role="cell" m-mode="y" class="login-form-box">
                                <div class="login-logo"></div>
                                <div m-role="cell" m-mode="y-equal" class="login-form">
                                    <div m-role="cell" m-valign="middle" class="border-b">
                                        <div m-role="cell" class="border-r">
                                            <div m-icon="login-account"></div>
                                        </div>
                                        <div m-role="cell" m-layout="fit" m-padding="0 0 0 1">
                                            <div m-role="TextField" m-placeholder="请输入账号" m-name="loginName" id="loginName"></div>
                                        </div>
                                    </div>
                                    <div m-role="cell" m-valign="middle" class="border-t">
                                        <div m-role="cell" class="border-r">
                                            <div m-icon="login-password"></div>
                                        </div>
                                        <div m-role="cell" m-layout="fit" m-padding="0 0 0 1">
                                            <div m-role="TextField" m-type="password" m-placeholder="请输入密码" m-name="loginPwd" id="loginPsw"></div>
                                        </div>
                                    </div>
                                </div>
                                <div m-role="cell" m-align="center" class="login-app-name">发货端</div>
                                <div m-role="split"></div>
                                <div m-role="split"></div>
                                <div m-role="split"></div>
                                <div m-role="split"></div>
                                <div m-role="split"></div>
                            </div>
                            <div m-role="cell" class="padding-15">
                                <button type="submit" m-role="cell" m-layout="fit" m-align="center" id="loginBtn" class="button button-big button-fill">登录</button>
                            </div>
                        </form>
                        <div m-role="cell" m-mode="y" m-valign="middle" m-align="center" class="login-footer color-light">
                            <div m-role="split"></div>
                            <div m-role="split"></div>
                            <div m-role="split"></div>
                            <div m-role="split"></div>
                            <div m-role="cell">copyright© www.52v56.com</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Views-->
    <div class="views tabs tabbar-labels-through">
        <div id="homeView" class="view view-main tab active">
            <div class="navbar no-border">
                <div class="navbar-inner">
                    <div class="center sliding">
                        发货端-盔甲
                    </div>
                    <div class="right sliding">
                        <a href="views/message.html" class="link icon-only" id="msgBtn">
                            <i class="iconfont icon-xiaoxi navbar-msg">
                                <span class="new-msg-dot"></span>
                            </i>
                        </a>
                    </div>
                </div>
            </div>
            <!-- Pages-->
            <div class="pages navbar-through">
                <!-- Page, data-page contains page name-->
                <div data-page="homeView" class="page">
                    <!-- Scrollable page content-->
                    <div class="page-content">
                        <div sw-role="cell" m-mode="y" class="h100p">
                            <div m-role="cell" m-align="center" m-valign="middle" class="home-banner">
                                <div m-role="cell" class="home-banner-logo"></div>
                                <div m-role="cell" class="home-banner-slogan"></div>
                            </div>
                            <div m-role="cell" class="color-blue padding-15">
                                订单概况
                            </div>
                            <div m-role="cell" m-mode="y" m-layout="fit" class="padding-r-15">
                                <div m-role="cell" m-layout="fit" m-mode="x-equal">
                                    <a href="#" m-role="cell" m-align="center" m-valign="middle" class="idx-order-btn btn-1 link-item">
                                        <div m-align="left" class="idx-order-btn-tit">待派车</div>
                                        <div class="idx-order-btn-num font-36 color-blue" id="waitCnt">0</div>
                                    </a>
                                    <a href="#" m-role="cell" m-align="center" m-valign="middle" class="idx-order-btn btn-2 link-item">
                                        <div m-align="left" class="idx-order-btn-tit">已派车</div>
                                        <div class="idx-order-btn-num font-36 color-blue" id="sendCnt">7</div>
                                    </a>
                                </div>
                                <div m-role="cell" m-layout="fit" m-mode="x-equal">
                                    <a href="#" m-role="cell" m-align="center" m-valign="middle" class="idx-order-btn btn-3 link-item">
                                        <div m-align="left" class="idx-order-btn-tit">运输中</div>
                                        <div class="idx-order-btn-num font-36 color-blue" id="transCnt">5</div>
                                    </a>
                                    <a href="#" m-role="cell" m-align="center" m-valign="middle" class="idx-order-btn btn-4 link-item">
                                        <div m-align="left" class="idx-order-btn-tit">运输完成</div>
                                        <div class="idx-order-btn-num font-36 color-blue" id="finishCnt">2</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="orderListView" class="view tab">
            <!-- We can make with view with navigation, let's add Top Navbar-->
            <div class="navbar">
                <div class="navbar-inner">
                    <div class="left">
                        <a href="views/search.html" class="link icon-only">
                            <i class="iconfont icon-sousuo"></i>
                        </a>
                    </div>
                    <div class="center sliding">订单列表</div>
                    <div class="right sliding">
                        <a href="#" class="link" id="setOrderType">排序方式</a>
                        <input type="hidden" id="setOrderTypeInput">
                    </div>
                </div>
            </div>
            <div class="pages navbar-through">
                <div data-page="orderListView" class="page">
                    <div class="page-content overflow-hidden">
                        <div class="tab-menu swiper-container" id="orderListTab">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">全部</div>
                                <!-- <div class="swiper-slide" data-status="">已保存</div> -->
                                <div class="swiper-slide" data-status="2">待派车</div>
                                <div class="swiper-slide" data-status="3">已派车</div>
                                <div class="swiper-slide" data-status="4">运输中</div>
                                <div class="swiper-slide" data-status="9">运输完成</div>
                                <!-- <div class="swiper-slide" data-status="">已取消</div> -->
                            </div>
                        </div>
                        <div class="pull-to-refresh-content infinite-scroll order-list-box">
                            <div class="pull-to-refresh-layer">
                                <div class="preloader"></div>
                                <div class="pull-to-refresh-arrow"></div>
                            </div>
                            <div m-role="split"></div>
                            <div id="orderList" class="order-list">
                            </div>
                        </div>
                        <script type="text/html" id="orderListTpl">
                            {{#each list}}
                            <div class="card">
                                <div m-role="cell" class="card-header">
                                    <div m-role="cell" m-layout="fit" class="color-light font-12 order-code-title">订单编号： {{orderNo}}</div>
                                    <div m-role="cell" class="font-10 color-orange">
                                        {{#js_compare "this.orderState === 0"}}未提交{{/js_compare}} {{#js_compare "this.orderState === 1"}}已提交{{/js_compare}} {{#js_compare "this.orderState === 2"}}待派车{{/js_compare}} {{#js_compare "this.orderState === 3"}}已派车{{/js_compare}} {{#js_compare "this.orderState === 4"}}运输中{{/js_compare}} {{#js_compare "this.orderState === 5"}}已签收{{/js_compare}} {{#js_compare "this.orderState === 6"}}已取消{{/js_compare}}
                                    </div>
                                </div>
                                <div class="card-content padding-l-15 padding-r-15">
                                    <div m-role="cell" m-valign="middle" class="margin-t-10 margin-b-15">
                                        <div m-role="cell" class="margin-r-15">
                                            <div m-icon="zhuang" class="min"></div>
                                        </div>
                                        <div m-role="cell" m-mode="wrap" m-layout="fit" class="color-blue font-20">
                                            <div m-role="cell" class="margin-r-15">{{startProvincial}}</div>
                                            <div m-role="cell" class="margin-r-15">{{startCity}}</div>
                                            <div m-role="cell">{{startArea}}</div>
                                        </div>
                                    </div>
                                    <div m-role="cell" class="margin-b-15">
                                        <div m-role="cell" class="margin-r-15">
                                            <div m-icon="xie" class="min"></div>
                                        </div>
                                        <div m-role="cell" m-mode="wrap" m-layout="fit" class="color-blue font-20">
                                            <div m-role="cell" class="margin-r-15">{{endProvincial}}</div>
                                            <div m-role="cell" class="margin-r-15">{{endCity}}</div>
                                            <div m-role="cell">{{endArea}}</div>
                                        </div>
                                    </div>
                                    <div m-role="cell" m-margin="0 0 1 0">
                                        <div m-role="cell" m-layout="fit">
                                            <span m-role="cell" class="color-light">商品名称：</span>
                                            <span m-role="cell" m-layout="fit" class="color-blue">
                                                {{#childList}}
                                                    {{companyGoods.goods.goodsName}}
                                                {{/childList}}
                                            </span>
                                        </div>
                                        <div m-role="cell" m-align="right">
                                            <span m-role="cell" class="color-light">总重量：</span>
                                            <span m-role="cell" m-layout="fit" class="color-blue">{{totalGoodsWeight}}吨</span>
                                        </div>
                                    </div>
                                    <div m-role="cell" m-margin="0 0 1 0" class="color-light">
                                        计划装货时间：{{startTime}}
                                    </div>
                                </div>
                                <div m-role="cell" m-align="right" class="card-footer">
                                    <a href="views/orderDetail.html?orderNo={{orderNo}}" class="button button-fill font-12">详细</a>
                                </div>
                            </div>
                            {{/each}}
                        </script>
                    </div>
                </div>
            </div>
        </div>
        <div id="orderAddView" class="view tab">
            <div class="navbar no-border">
                <div class="navbar-inner">
                    <div class="center sliding">新建订单</div>
                    <div class="right sliding">
                        <a href="#" class="link" id="submitOrderForm">提交</a>
                    </div>
                </div>
            </div>
            <div class="pages navbar-through">
                <div data-page="orderAddView" class="page">
                    <div class="page-content">
                        <form id="orderForm">
                            <!-- 车辆信息 -->
                            <div class="fold-card">
                                <div class="fold-card-head touch-style">
                                    <div m-role="cell" m-layout="fit" class="color-blue font-16">
                                        车辆信息：
                                    </div>
                                    <div m-role="cell" class="color-light">
                                        <i class="iconfont icon-jiantou-copy fold-arrow"></i>
                                    </div>
                                </div>
                                <div class="list-block fold-card-body">
                                    <ul>
                                        <li>
                                            <div class="item-content">
                                                <div class="item-inner">
                                                    <div class="item-title w140">包装类型</div>
                                                    <div m-role="cell" m-align="right" class="item-input">
                                                        <label class="mobui-label-radio">
                                                            <input type="radio" name="packageType" value="0" checked="checked">
                                                            <span class="label-text">散水</span>
                                                        </label>
                                                        <label class="mobui-label-radio">
                                                            <input type="radio" name="packageType" value="1">
                                                            <span class="label-text">袋装</span>
                                                        </label>
                                                        <label class="mobui-label-radio">
                                                            <input type="radio" name="packageType" value="2">
                                                            <span class="label-text">桶装</span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <a href="#" class="item-link item-content autocomplete-opener">
                                                <div class="item-inner">
                                                    <div class="item-title w140">车辆类型</div>
                                                    <div class="item-input">
                                                        <input type="text" placeholder="选择车辆类型" readonly id="carTypeSelect">
                                                        <input type="hidden" name="carType">
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <div class="item-content">
                                                <div class="item-inner">
                                                    <div class="item-title w140">是否保温</div>
                                                    <div m-role="cell" m-align="right" class="item-input">
                                                        <label class="mobui-label-radio">
                                                            <input type="radio" name="isWarm" value="0" checked="checked">
                                                            <span class="label-text">保温</span>
                                                        </label>
                                                        <label class="mobui-label-radio">
                                                            <input type="radio" name="isWarm" value="1">
                                                            <span class="label-text">不保温</span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- 装货信息 -->
                            <div class="fold-card">
                                <div class="fold-card-head touch-style">
                                    <div m-role="cell" m-layout="fit" class="color-blue font-16">
                                        装货信息
                                    </div>
                                    <div m-role="cell" class="color-light">
                                        <i class="iconfont icon-jiantou-copy fold-arrow"></i>
                                    </div>
                                </div>
                                <div class="list-block fold-card-body">
                                    <ul>
                                        <li>
                                            <a href="#" class="aera-picker item-content">
                                                <div class="item-inner">
                                                    <div class="item-title w140">装货地址</div>
                                                    <div m-role="cell" m-mode="y" class="item-input">
                                                        <div m-role="cell" class="padding-t-10 aera-picker-item">
                                                            <div m-role="cell" m-layout="fit" id="shipAddrSelect" class="padding-r-10">
                                                                选择省市区/县
                                                            </div>
                                                            <input type="hidden" name="shipAddrProvince">
                                                            <input type="hidden" name="shipAddrCity">
                                                            <input type="hidden" name="shipAddrDistrict">
                                                            <div m-role="cell" m-valign="middle">
                                                                <i class="ion ion-ios-arrow-right"></i>
                                                            </div>
                                                        </div>
                                                        <div m-role="cell" m-layout="fit" m-align="right" id="shipAddrDetail">
                                                            <input type="text" name="" placeholder="请输入详细地址">
                                                        </div>
                                                        <input type="hidden" name="shipAddr">
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" class="item-link item-content autocomplete-opener">
                                                <div class="item-inner">
                                                    <div class="item-title w140">装货地企业</div>
                                                    <div class="item-input">
                                                        <input type="text" placeholder="选择装货地企业" readonly id="shipAddrCompanySelect">
                                                        <input type="hidden" name="shipAddrCompany">
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" class="item-link item-content autocomplete-opener">
                                                <div class="item-inner">
                                                    <div class="item-title w140">联系人</div>
                                                    <div class="item-input">
                                                        <input type="text" placeholder="选择装货地联系人" readonly id="shipAddrContactSelect">
                                                        <input type="hidden" name="shipAddrContact">
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <div class="item-content">
                                                <div class="item-inner">
                                                    <div class="item-title w140">联系电话</div>
                                                    <div class="item-input">
                                                        <input type="tel" name="shipPhone" placeholder="输入装货地联系电话">
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        
                                        <li>
                                            <a href="#" class="item-link item-content">
                                                <div class="item-inner">
                                                    <div class="item-title w140">装货时间</div>
                                                    <div class="item-input">
                                                        <input type="datetime-local" name="shipdate" placeholder="输入计划装货时间">
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- 卸货信息 -->
                            <div class="fold-card">
                                <div class="fold-card-head touch-style">
                                    <div m-role="cell" m-layout="fit" class="color-blue font-16">
                                        卸货信息
                                    </div>
                                    <div m-role="cell" class="color-light">
                                        <i class="iconfont icon-jiantou-copy fold-arrow"></i>
                                    </div>
                                </div>
                                <div class="list-block fold-card-body">
                                    <ul>
                                        <li>
                                            <a href="#" class="item-link item-content autocomplete-opener">
                                                <div class="item-inner">
                                                    <div class="item-title w140">卸货地企业</div>
                                                    <div class="item-input">
                                                        <input type="text" placeholder="选择卸货地企业" readonly id="unShipAddrCompanySelect">
                                                        <input type="hidden" name="unShipAddrCompany">
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" class="item-link item-content autocomplete-opener">
                                                <div class="item-inner">
                                                    <div class="item-title w140">联系人</div>
                                                    <div class="item-input">
                                                        <input type="text" placeholder="选择卸货地联系人" readonly id="unShipAddrContactSelect">
                                                        <input type="hidden" name="unShipAddrContact">
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <div class="item-content">
                                                <div class="item-inner">
                                                    <div class="item-title w140">联系电话</div>
                                                    <div class="item-input">
                                                        <input type="tel" name="unShipPhone" placeholder="输入卸货地联系电话">
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <a href="#" class="aera-picker item-content">
                                                <div class="item-inner">
                                                    <div class="item-title w140">卸货地址</div>
                                                    <div m-role="cell" m-mode="y" class="item-input">
                                                        <div m-role="cell" class="padding-t-10 aera-picker-item">
                                                            <div m-role="cell" m-layout="fit" id="unShipAddrSelect" class="padding-r-10">
                                                                选择省市区/县
                                                            </div>
                                                            <input type="hidden" name="unShipAddrProvince">
                                                            <input type="hidden" name="unShipAddrCity">
                                                            <input type="hidden" name="unShipAddrDistrict">
                                                            <div m-role="cell" m-valign="middle">
                                                                <i class="ion ion-ios-arrow-right"></i>
                                                            </div>
                                                        </div>
                                                        <div m-role="cell" m-layout="fit" m-align="right" id="unShipAddrDetail">
                                                            <input type="text" name="" placeholder="请输入详细地址">
                                                        </div>
                                                        <input type="hidden" name="unShipAddr">
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" class="item-link item-content">
                                                <div class="item-inner">
                                                    <div class="item-title w140">卸货时间</div>
                                                    <div class="item-input">
                                                        <input type="datetime-local" name="unShipdate" placeholder="输入计划卸货时间">
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- 承运方信息 -->
                            <div class="fold-card">
                                <div class="fold-card-head touch-style">
                                    <div m-role="cell" m-layout="fit" class="color-blue font-16">
                                        承运方信息
                                    </div>
                                    <div m-role="cell" class="color-light">
                                        <i class="iconfont icon-jiantou-copy fold-arrow"></i>
                                    </div>
                                </div>
                                <div class="list-block fold-card-body">
                                    <ul>
                                        <li>
                                            <a href="#" class="item-link item-content">
                                                <div class="item-inner">
                                                    <div class="item-title w140">承运方</div>
                                                    <div class="item-input">
                                                        <input type="text" placeholder="选择承运方企业" readonly id="carrierSelect">
                                                        <input type="hidden" id="carrierCompanyName" name="carrierCompany">
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <div class="item-content">
                                                <div class="item-inner">
                                                    <div class="item-title label">接收人</div>
                                                    <div class="item-input">
                                                        <input type="text" placeholder="输入接收人" readonly id="carrierContactSelect">
                                                        <input type="hidden" id="carrierContact" name="carrierContact">
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item-content">
                                                <div class="item-inner">
                                                    <div class="item-title label">联系电话</div>
                                                    <div class="item-input">
                                                        <input type="text" name="carrierPhone" placeholder="输入接收人电话">
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- 货物信息 -->
                            <div class="fold-card">
                                <div class="fold-card-head touch-style">
                                    <div m-role="cell" m-layout="fit" class="color-blue font-16">
                                        货物信息
                                    </div>
                                    <div m-role="cell" class="color-light">
                                        <i class="iconfont icon-jiantou-copy fold-arrow"></i>
                                    </div>
                                </div>
                                <div class="fold-card-body padding-l-15 padding-r-15 padding-b-15">
                                    <div id="orderGoodsListRender">
                                        <div m-role="cell" m-mode="y" class="order-edit-good-item list-block">
                                            <ul>
                                                <li>
                                                    <a href="#" class="item-link item-content">
                                                        <div class="item-inner">
                                                            <div class="item-title w140">商品名称</div>
                                                            <div class="item-input">
                                                                <input type="text" placeholder="选择商品" readonly class="product-picker">
                                                                <input type="hidden" name="product[]">
                                                            </div>
                                                        </div>
                                                    </a>
                                                </li>
                                                <li>
                                                    <div class="item-content">
                                                        <div class="item-inner">
                                                            <div class="item-title label">重量</div>
                                                            <div m-role="cell" m-valign="middle" class="item-input">
                                                                <div m-role="cell" m-layout="fit">
                                                                    <input type="tel" name="productWeight" placeholder="输入商品重量">
                                                                </div>
                                                                <div m-role="cell" class="padding-l-10">
                                                                    吨
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="item-content">
                                                        <div m-role="cell" m-mode="x-equal" class="item-inner">
                                                            <div m-role="cell">危险级别：三级</div>
                                                            <div m-role="cell">规格型号：xxx</div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                            <div class="order-edit-good-item-del">
                                                <i class="iconfont icon-guanbi"></i>
                                            </div>
                                        </div>
                                    </div>
                                    <div m-role="split"></div>
                                    <a href="#" class="button h32" id="orderAddGoods">追加</a>
                                </div>
                                <script type="text/html" id="orderGoodsListTpl">
                                    <div m-role="cell" m-mode="y" class="order-edit-good-item list-block">
                                        <ul>
                                            <li>
                                                <a href="#" class="item-link item-content">
                                                    <div class="item-inner">
                                                        <div class="item-title w140">商品名称</div>
                                                        <div class="item-input">
                                                            <input type="text" placeholder="选择商品" readonly class="product-picker">
                                                            <input type="hidden" name="product[]">
                                                        </div>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <div class="item-content">
                                                    <div class="item-inner">
                                                        <div class="item-title label">重量</div>
                                                        <div m-role="cell" m-valign="middle" class="item-input">
                                                            <div m-role="cell" m-layout="fit">
                                                                <input type="tel" name="productWeight" placeholder="输入商品重量">
                                                            </div>
                                                            <div m-role="cell" class="padding-l-10">
                                                                吨
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="item-content">
                                                    <div m-role="cell" m-mode="x-equal" class="item-inner">
                                                        <div m-role="cell">危险级别：三级</div>
                                                        <div m-role="cell">规格型号：xxx</div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                        <div class="order-edit-good-item-del">
                                            <i class="iconfont icon-guanbi"></i>
                                        </div>
                                    </div>
                                </script>
                            </div>
                            <!-- 备注信息 -->
                            <div class="fold-card">
                                <div class="fold-card-head touch-style">
                                    <div m-role="cell" m-layout="fit" class="color-blue font-16">
                                        备注信息
                                    </div>
                                    <div m-role="cell" class="color-light">
                                        <i class="iconfont icon-jiantou-copy fold-arrow"></i>
                                    </div>
                                </div>
                                <div class="fold-card-body padding-l-15 padding-r-15 padding-b-15">
                                    <div m-role="Textarea" m-name="orderRemark" m-placeholder="输入备注信息内容" class="h120"></div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div id="userCenterView" class="view tab">
            <div class="navbar no-border">
                <div class="navbar-inner">
                    <div class="center sliding">个人中心</div>
                </div>
            </div>
            <div class="pages navbar-through">
                <div data-page="userCenterView" class="page">
                    <div class="page-content">
                        <div m-role="cell" m-mode="y" class="color-white bg-blue padding-15 h240">
                            <div m-role="cell" m-align="center" m-valign="middle" class="h100">
                                <div class="avatar">
                                </div>
                            </div>
                            <div m-role="cell" m-align="center" class="padding-15 font-20">张某某</div>
                            <div m-role="cell" m-align="center">宁波巨化化工科技有限公司</div>
                        </div>
                        <div m-role="split"></div>
                        <div class="list-block media-list">
                            <ul>
                                <li>
                                    <a href="views/message.html" class="item-link item-content">
                                        <div class="item-media">
                                            <i class="iconfont icon-xiaoxi font-20 color-blue"></i>
                                        </div>
                                        <div class="item-inner">
                                            <div class="item-title-row">
                                                <div class="item-title">消息中心</div>
                                                <div class="item-after">
                                                    <span class="badge theme-red">5</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="views/changePsw.html" class="item-link item-content">
                                        <div class="item-media">
                                            <i class="iconfont icon-mima font-18 color-blue"></i>
                                        </div>
                                        <div class="item-inner">
                                            <div class="item-title-row">
                                                <div class="item-title">修改密码</div>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="views/about.html" class="item-link item-content">
                                        <div class="item-media">
                                            <i class="iconfont icon-guanyu2 font-18 color-blue"></i>
                                        </div>
                                        <div class="item-inner">
                                            <div class="item-title-row">
                                                <div class="item-title">关于盔甲</div>
                                                <div class="item-after"></div>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div m-role="split"></div>
                        <div m-role="cell" class="padding-15">
                            <a href="#" m-role="cell" m-layout="fit" m-align="center" class="button button-big button-fill color-orange">退出登录</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="toolbar tabbar tabbar-labels" id="bottomBar">
            <div class="toolbar-inner">
                <a href="#homeView" class="tab-link active">
                    <i class="iconfont icon-shouye"></i>
                    <span class="tabbar-label">首页</span>
                </a>
                <a href="#orderListView" class="tab-link">
                    <i class="iconfont icon-xiadan1"></i>
                    <span class="tabbar-label">订单管理</span>
                </a>
                <a href="#orderAddView" class="tab-link">
                    <i class="iconfont icon-xiadan"></i>
                    <span class="tabbar-label">立即下单</span>
                </a>
                <a href="#userCenterView" class="tab-link">
                    <i class="iconfont icon-gerenzhongxin"></i>
                    <span class="tabbar-label">个人中心</span>
                </a>
            </div>
        </div>
    </div>
    <script src="../assets/js/common.js"></script>
    <script src="../assets/js/app.js"></script>
</body>

</html>
